// 主要字体颜色
$textcolor: #ccc;
// 次要字体颜色
$textcolor_c: #999;
$textcolorBlue: #4780fe;

// 背景颜色 浅色
$mybgc: rgb(30, 30, 30);
// 背景颜色 深色
$mybgc_s: rgb(37, 37, 38);
// 背景颜色 深色
$mybgc_mue: rgb(51, 51, 51);

// 背景颜色 bar 未激活
$mybgc_na: rgb(45, 45, 45);
// border颜色 3e4556
$myborder: rgb(68, 68, 68);
// table border颜色
$myTborder: rgb(64, 64, 64);
// table 表头背景颜色
$myTbThBg: rgb(50, 50, 50);
// table hover背景颜色
$myTbTh_hover: rgb(50, 50, 50);
// table 选中行背景颜色
$myTbTh_current_row: rgb(55, 55, 61);

// 背景为白色的
$fff: #fff;
// 设置坐席首页border颜色
$zxBC: #409eff;

// 设置操作区域文字颜色与激活颜色
$submenu__title: #ccc;
// 设置下拉箭头
$i: #909399;

// 激活颜色
$active_c: #409eff;
// 翻页激活颜色
$active_F: #409eff;
// 设置hover颜色
$d8e6f7: #475b74;

// 卡片头
$tags_c: #8590ac;
// 卡片激活
$active_t: #409eff;

// input 颜色设置
$input_b: #cecece;
$input_d_bg: #949494;
$input_d_c: #2b2b2b;

// 设置阴影
$box_shadow: rgba(0, 0, 0, 0.8);
/////////////////////////////////////////////////////////////////////////////////////////////////////
#neightAction {
  //   软电话 颜色
  .header-bar-left > .header-button {
    > .btnBox {
      > button {
        background: $active_c;
        border: 1px solid $active_c;
        color: $fff;
      }
      > button:disabled {
        background: $mabgcBtnDis;
        border: 1px solid $mabgcBtnDis;
        color: $fff;
      }
    }
  }

  // color: $textcolor;
  background-color: $mybgc;

  .UnBillChecked .item,
  .cardDataEnquiryMain .el-row .el-col,
  .mainRight,
  .el-form-item__content {
    color: $textcolor;
  }
  .el-radio__input.is-disabled.is-checked .el-radio__inner::after {
    background-color: $input_d_c;
    // border-color: #E4E7ED;
  }
  .CardlossOf {
    .el-form-item-span {
      background-color: $input_d_bg;
      border: 1px solid $input_b;
    }
    .el-form-item__content {
      line-height: normal;
    }
  }
  .el-dialog {
    .el-tabs--card > .el-tabs__header {
      border-bottom: 1px solid $myborder;
    }
    .el-tabs--card > .el-tabs__header .el-tabs__item {
      border-left: 1px solid $myborder;
    }
    .el-tabs__nav {
      border: 1px solid $myborder;
    }
    .el-tabs__nav {
      border-bottom: transparent;
    }
    .el-tabs__header {
      margin: 0;
    }
    .el-tabs__content {
      background-color: $mybgc_s;
      padding: 15px;
      padding-bottom: 0;
      border-right: 1px solid $myborder;
      border-bottom: 1px solid $myborder;
      border-left: 1px solid $myborder;
    }
    .el-dialog__body .is-active {
      border-bottom-color: transparent !important;
      background-color: $mybgc_s;
    }
    .el-tabs--card > .el-tabs__header .el-tabs__item.is-active {
      border-bottom-color: $mybgc_s !important;
      background-color: $mybgc_s !important;
    }
    .el-tabs--card > .el-tabs__header .el-tabs__item {
      border-bottom: 1px solid transparent !important;
    }
  }
  .el-scrollbar .el-menu--collapse.el-menu-vertical-demo {
    background-color: $mybgc_mue !important;
  }
  .el-menu {
    border: none;
    box-shadow: 0 2px 10px 0 $box_shadow;
  }
  // s设置字体颜色
  #app {
    color: $textcolor_c !important;
  }
  #arrearsQueryBox .arrearsQueryMain .el-row .el-col,
  .trainingMain ul li {
    color: $textcolor;
  }
  .el-breadcrumb__inner,
  .header-bar-container .header-bar-logo .header-bar-custom-menu span {
    color: $textcolor_c !important;
  }
  .listBox ul li {
    color: $textcolor;
  }
  .title {
    color: $textcolor;
  }
  .rightContainer .mainBox .topBox .userInfo .info span {
    color: $textcolor_c;
  }
  .rightContainer .mainBox .topBox .userInfo .info {
    color: $textcolor;
  }
  .content p {
    color: $textcolor_c;
  }
  .content p span {
    color: $textcolor;
  }
  .el-card {
    color: $textcolor;
  }
  .el-submenu__title {
    color: $textcolor !important;
  }
  .el-menu .is-active {
    // color: red;
  }
  .el-form-item__label {
    color: $textcolor_c;
  }
  .el-icon-s-unfold {
    color: $textcolor;
  }
  .app-main {
    color: $textcolor;
  }

  .app-main {
    color: $textcolor;
    & > div:not(.businessSystem-container) {
      //   background-color: $mybgc;
    }
    .recentCallMain {
      background-color: $mybgc;
    }
    .container {
      & > div:not(.businessSystem-container) {
        // background-color: $mybgc;
      }
    }
  }
  background-color: $mybgc;
  // 设置翻页颜色
  .el-pagination.is-background .el-pager li,
  .btn-next,
  .btn-prev {
    background-color: $mybgc-s;
  }
  .header-bar-container {
    background-color: $mybgc;
    .btnBox {
      background-color: $mybgc;
    }
  }
  .head-left {
    .el-button {
      background-color: transparent;
    }
  }
  // 其他不能集体控制背景颜色的类
  .memorandum,
  .workerOrder,
  .repository,
  .training,
  .noticemanageMentMain,
  .box-group,
  .recentCallMain .columnDialog {
    background-color: $mybgc;
  }
  .rightContainer {
    // background-color: $fff;
  }
  .bg-purple-dark {
    background-color: $fff;
    // .el-tree {
    //   background-color: $fff;
    // }
  }
  //   .el-tree {
  //     background-color: $fff;
  //   }
  //控制坐席首页时间轴颜色
  .listBox ul li .blueCirle,
  .rightContainer .mainBox .topBox {
    border: 1px solid $zxBC;
  }
  .listLines,
  .listLine {
    background-color: $zxBC;
  }
  // body区域样式
  .app-main-container,
  .homePage {
    background-color: $mybgc_s !important;
    .box-group {
      background-color: $mybgc;
      border: 1px solid $myborder;
    }
    .businessSystem-left,
    .iconfont {
      background-color: $mybgc;
    }
  }
  //   nav head 菜单样式
  .container {
    background-color: $mybgc;
  }
  .dictmanageMain {
    background-color: $mybgc;
    //
  }
  .businessSystem-container,
  .tags-view-container {
    background-color: $mybgc_s;
  }
  .tags-view-item {
    background-color: $mybgc_na;
  }

  .el-card,
  .router-link-active,
  .demo-form-inline {
    background-color: $mybgc;
  }
  // 设置卡片样式card
  .el-card {
    // border: 1px solid $mybgc;
    .el-card__header,
    .tiekuLine {
      border-bottom: 1px solid $myborder !important;
    }
  }
  .line {
    border-bottom: 1px solid $myborder;
  }

  .radioSty,
  .el-menu {
    background: $mybgc;
    .el-menu {
      background-color: $mybgc;
    }
  }
  .el-menu--popup-bottom-start {
    .el-menu,
    .el-menu-item,
    .el-submenu__title {
      background-color: $mybgc;
    }
  }
  // 公告位置样式
  .app-main-container .horseeBox {
    background-color: $mybgc_s;
  }

  // 设置table样式
  .heard-bg {
    & > .el-table__header-wrapper {
      & > table {
        background: $mybgc;
        border-color: $myTborder;
        td {
          border-bottom: 1px solid $myTborder;
          background: $mybgc;
        }
        & > thead {
          & > tr {
            th {
              color: $textcolor;
              border-right: 1px solid $myTborder;
              border-bottom: 1px solid $myTborder;
              background: $myTbThBg;
            }
            td {
              border-bottom: 1px solid $myTborder;
              background: $mybgc;
            }
          }
        }
      }
    }
  }
  .el-table {
    background: $mybgc;
  }
  .el-table--border td {
    border-right: 1px solid $myTborder;
  }
  .el-table td {
    border-bottom: 1px solid $myTborder;
    background: $mybgc;
    color: $textcolor_c;
  }
  .el-table:not(.setbottomborder) {
    tr:not(:last-child) {
      td {
        border-bottom: 1px solid $myTborder;
      }
    }
  }
  .setbottomborder {
    td {
      border-bottom: 1px solid $myTborder;
    }
  }

  .el-table--border,
  .el-table--group {
    border: 1px solid $myTborder;
  }

  .el-table--enable-row-hover .el-table__body tr:hover > td {
    background-color: $myTbTh_hover !important;
  }
  .el-table__body tr.current-row > td {
    background-color: $myTbTh_current_row !important;
  }
  .el-table--border::after,
  .el-table--group::after,
  .el-table::before {
    content: '';
    position: absolute;
    background-color: transparent;
    z-index: 1;
  }

  .el-input.is-disabled .el-input__inner,
  .el-textarea.is-disabled .el-textarea__inner {
    border: 1px solid $input_b;
    &:disabled {
      // color: red;
      background-color: $input_d_bg;
      color: $input_d_c;
    }
  }

  // 设置各种阴影
  //   .tags-view-container .tags-view-item-container .tags-view-item {
  //     box-shadow: 0 2px 10px 0 $box_shadow;
  //   }

  .el-dialog,
  .columnDialog {
    box-shadow: 0 2px 10px 0 $box_shadow;
  }

  .el-menu--horizontal {
    overflow-y: unset !important;
    .el-menu--popup {
      box-shadow: 0 2px 12px 0 $box_shadow;
    }
  }

  // 设置激活和hover样式
  // 翻页当前页激活
  .el-pagination.is-background .el-pager li:not(.disabled).active {
    background-color: $active_F;
  }
  // 设置操作区域文字颜色与激活颜色
  #activeMenuId,
  .el-menu--popup-bottom-start,
  .el-menu--popup-right-start {
    // 设置未激活文字颜色
    //  border: 1px solid rgb(238, 8, 8) !important;
    li {
      .el-submenu__title {
        color: $submenu__title !important;
        &:hover {
          background-color: $d8e6f7;
        }
        // 设置箭头颜色
        i {
          color: $i;
        }
      }
    }
    .el-menu-item {
      color: $submenu__title !important;
      &:hover {
        background-color: $d8e6f7;
      }
      &.is-active {
        color: $active_c !important;
        text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3) !important;
      }
    }
    .is-active {
      // 设置激活文字颜色
      .el-submenu__title {
        color: $active_c !important;
        text-shadow: 0 2px 4px rgba(58, 72, 255, 0.3) !important;
      }
    }
  }
  .el-menu--horizontal,
  .cardAuthorizationTransaction .el-card {
    border: none !important;
  }
  .listBox {
    ul {
      li {
        &:hover {
          background: $myTbThBg;
        }
      }
    }
  }
  // 卡片选项文字颜色
  .tags-view-item-container {
    // 未激活
    .tags-view-item {
      color: $tags_c !important;
    }
    .is-active {
      color: $active_t !important;
    }
  }
}
